﻿@using Microsoft.AspNetCore.Mvc.Rendering
@model JuCheap.Core.Models.LoginDto
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>时代凌宇施工区进入口控制系统</title>

    <meta name="keywords" content="JuCheap后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台管理系统">
    <meta name="description" content="JuCheap是一个完全响应式，基于Bootstrap3开发的扁平化主题，采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术搭建的一个快速开发后台管理系统MVC框架">

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <environment names="Development">
        <link href="~/css/bootstrap.css" rel="stylesheet" />
        <link href="~/css/font-awesome.css" rel="stylesheet" />
        <link href="~/css/login-theme-flag.css" rel="stylesheet" />
        <link href="~/css/login-flag.css" rel="stylesheet" />
    </environment>
    <environment names="Staging,Production">
        <link rel="stylesheet" href="~/css/login.min.css" asp-append-version="true" />
        <link rel="stylesheet" href="~/css/login-flag.css" asp-append-version="true" />
        <link rel="stylesheet" href="~/css/login-theme-flag.css" asp-append-version="true" />
    </environment>

</head>
<body  class="external-page sb-l-c sb-r-c">

    <div id="main" class="animated fadeIn">

        <!-- Start: Content-Wrapper -->
        <section id="content_wrapper">

            <!-- begin canvas animation bg -->
            <!-- Begin: Content -->
            <section id="content">

                <div class="admin-form theme-info" id="login1">
                    <div class="panel panel-info mt10 br-n">

                        <div style="height:100px;"></div>


                        <!-- end .form-header section -->
                        @using (Html.BeginForm("Login", "Home", FormMethod.Post, new { @class = "form-horizontal", id = "loginFrm" }))
                        {
                            @Html.HiddenFor(m => m.ReturnUrl)
                        <div style="padding-top:90px; padding-left:273px;">
                            <div>
                                <label for="LoginName" class="field prepend-icon">
                                    @Html.TextBoxFor(m => m.LoginName, new { @class = "gui-input", placeholder = "请输入用户名", autofocus = "" })
                                    <label for="LoginName" class="field-icon">
                                        <i class="fa fa-user">&nbsp;账号</i>
                                    </label>
                                </label>

                            </div>
                            <!-- end section -->

                            <div style="margin-top:10px;">
                                <label for="Password" class="field prepend-icon">
                                    @Html.PasswordFor(m => m.Password, new { @class = "gui-input", placeholder = "请输入密码", value = "" })
                                    <label for="Password" class="field-icon">
                                        <i class="fa fa-lock">&nbsp;密码</i>
                                    </label>

                                </label>
                            </div>
                            <!-- end section -->
                            <div style=" width:237px; text-align:right; margin-top:3px;">
                                <label>
                                    <input type="checkbox" id="RememberMe" name="RememberMe" value="true" style="vertical-align:-2px">
                                    <label for="RememberMe" data-on="YES" data-off="NO"></label>
                                    <span style="color:#1cf9ff; font-size:10px; margin-left:-5px;">记住密码</span>
                                </label>
                            </div>

                            <!-- end .form-body section -->
                            <div style=" width:240px; height:25px; background-color:#05e9f2; margin-top:10px;border-radius:5px; text-align:center; padding-top:4px;">
                                <input id="btnLogin" type="submit" value="登录"
                                       style="outline:none; border:0; background-color: rgba(0, 0, 0, 0); width:100%;">
                            </div>
                            <!-- end .form-footer section --> 
                        </div> 
                        <div style="text-align:center; margin-top:50px; "> 
                            @Html.ValidationMessageFor(m => m.LoginName)
                            @Html.ValidationMessageFor(m => m.Password)
                        </div>
                        }
                    </div>
                </div>

            </section>
            <!-- End: Content -->

        </section>
        <!-- End: Content-Wrapper -->

    </div>


    <environment names="Development">
        <script src="~/js/jquery.js"></script>
        <script src="~/js/bootstrap.js"></script>
        <script src="~/js/jquery.validate.js"></script>
        <script src="~/js/jquery.validate.unobtrusive.js"></script>
    </environment>
    <environment names="Staging,Production">
        <script src="~/js/content.min.js" asp-append-version="true"></script>
        <script src="~/js/validate.min.js" asp-append-version="true"></script>
    </environment>
    <script>
        $("#btnLogin").click(function () {
            if ($("#loginFrm").validate().form()) {
                $(this).button("loading");
                return true;
            }
            return false;
        });
    </script>
</body>
</html>
